/* ###################################################################################### */
/* #################################### NORESIZE STATE ################################## */
/* ###################################################################################### */

gs-memo .control-understudy {
    overflow: auto;
    white-space: pre-wrap;
    -webkit-overflow-scrolling: touch;
}

gs-memo .control-understudy.placeholder {
    color: #AAAAAA;
}


/* ###################################################################################### */
/* #################################### NORESIZE STATE ################################## */
/* ###################################################################################### */

gs-memo[noresize] textarea.control, /* <===== backwards compatibility (use no-resize-handle) */
gs-memo[no-resize-handle] textarea.control {
    resize: none;
}


/* ###################################################################################### */
/* ###################################### MINI STATE #################################### */
/* ###################################################################################### */

gs-memo[mini] {
    padding: 0;
    border: 0;
    box-shadow: 0 0 0 0 #FFFFFF;
    border-radius: 0;
}

gs-memo[mini] input, gs-memo[mini] textarea {
    padding: 0;
    border: 0;
}

/* ###################################################################################### */
/* #################################### READONLY STATE ################################## */
/* ###################################################################################### */

gs-memo[readonly] {
    box-shadow: 0 0 0 0 #000 inset;
    opacity: 0.9;
    border-color: #E6E6E6;
    cursor: default;
}


/* ###################################################################################### */
/* ######################################## FLEXED ###################################### */
/* ###################################################################################### */

[flex-vertical] > gs-memo[flex] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

[flex-vertical] > gs-memo[flex] .control {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    
    resize: none;
}
